<template>
  <transition-group name="fade-transform" mode="out-in">
    <inner-link
        v-for="(item, index) in iframeViews"
        :key="item.path"
        :iframeId="'iframe' + index"
        v-show="$route.path === item.path"
        :src="item.path"
    ></inner-link>
  </transition-group>
</template>

<script>
import InnerLink from "../InnerLink"

export default {
  components: {InnerLink},
  computed: {
    iframeViews() {
      return this.$store.state.route.iframeViews
    }
  }
}
</script>
